// 公告样式

.goods-detail{
	width: 100%;
	background-color: #fff;
	padding: 46upx 0 110upx;
	.buy-menu{ // 底部购买菜单
		width: 100%;
		
		background-color: #fff;
		border-radius: 20upx 20upx 0upx 0upx;
		padding: 0 30upx 30upx;
		position: relative;
		overflow: hidden;
		.menu-line2{
			padding: 0 30upx;
			line-height: 100upx;
			text{
				&:first-child{
					font-size: 30upx;
					color: $color3;
				}
				&:last-child{
					font-size: 24upx;
					color: $color9;
					margin-left: 20upx;
				}
			}
			.number-box{
				float: right;
				width: 200upx;
				height: 50upx;
				line-height: 50upx;
				margin-top: 26upx;
			}
			
		}
		button{
			margin-top: 20upx;
			@include button(600upx,72upx,72upx,36upx,none,$bg02,#fff,36upx)
		}
		.menu-line1{
			display: flex;
			margin-top: 30upx;
			padding-bottom: 30upx;
			border-bottom: 2upx dashed $color9;
			image{
				min-width: 176upx;
				max-width: 176upx;
				height: 176upx;
			}
			.iconfont{
				position: absolute;
				top: 40upx;
				right: 40upx;
				font-size: 28upx;
				color: $color6;
			}
			.line1-right{
				margin-left: 20upx;
				padding-top: 46upx;
				.text1{
					font-family: din;
					font-size: 40upx;
					font-weight: 400;
					color: $bg02;
				}
				.text2{
					font-size: 50upx;
					font-family: din;
					font-weight: 400;
				}
				.text3{
					font-size: 20upx;
					text-decoration: line-through;
					color: $color9;
				}
				.text4{
					font-size: 24upx;
					color: #ffaa00;
				}
			}
			
			
		}
		
		
	}
	
	.dt-nav{ //商品详情导航栏
		width: 100%;
		height: 126upx;
		background: rgba(#faf2f5,.6);
		z-index: 2;
		overflow: hidden;
		position: fixed;
		top: 0upx;
		left: 0upx;
		.content{
			margin-top: 46upx;
			height: 80upx;
			line-height: 80upx;
			display: flex;
			color: $color3;
			>text{
				flex: 1;
				margin-left: 30upx;
				font-size: 60upx;
			}
			.right{
				flex: 1;
				display: flex;
				justify-content: flex-end;
				>text{
					margin: 0 20upx;
					font-size: 50upx;
				}
			}
		}
	}
}
.dt-swiper{
	height: 806upx;
	position: relative;
	margin-top: -23px;
	.swiper-item{
		image{
			width: 100%;
			height: 806upx;
			vertical-align: middle;
		}
		video{
			width: 100%;
			height: 806upx;
		}
	}
	.sort{
		position: absolute;
		bottom: 0upx;
		left: 0upx;
		z-index: 2;
		
		.miaosha{
			width: 200upx;
			height: 68upx;
		}
		.pingtuan{
			width: 300upx;
			height: 70upx;
			margin: 0 0 10upx 0;
		}
		.ttc{
			width: 185upx;
			height: 170upx;
			
		}
		.ershou{
			width: 150upx;
			height: 230upx;
			margin: 10upx 0 0 10upx;
		}
		.num{
			text-indent: 4upx;
			font-size: 70upx;
			line-height: 86upx;
			color: #ff003c;
			font-weight: 700;
			font-family: Din;
		}
	}
}
// 价格与时间
.dt-ttc{
	height: 80upx;
	background-color: #ff557d;
	color: #fff;
	.ttc-1{
		font-size: 40upx;
		flex: 1;
		text-align: right;
	}
	.ttc-2{
		flex: 1;
		justify-content: flex-end;
		position: relative;
		width: 100%;
		height: 100%;
		.dt-jt{
			position: absolute;
			top: 0upx;
			right: 0upx;
			width: 280upx;
			height: 80upx;
		}
		.time-box{
			z-index: 2;
			height: 100%;
			line-height: 100upx;
			position: absolute;
			color: $bg02;
			top: 0upx;
			right: 40upx;
			font-size: 50upx;
			font-family: Din;
			text{
				&:last-child{
					font-size: 20upx;
					margin-left: 10upx;
					text-decoration: line-through;
				}
			}
		}
	}
}
.dt-time{
	height: 80upx;
	background-color: #ff557d;
	color: #fff;
	display: flex;
	align-items: center;
	
	.dt-left{
		flex: 2;
		display: flex;
		.text1{
			font-family: din;
			font-size: 40upx;
			margin-left: 28upx;
			font-weight: 400;
			.text2{
				font-size: 50upx;
				font-family: din;
				font-weight: 400;
			}
		}
		
		.text3{
			font-size: 24upx;
			margin-left: 10upx;
			margin-top: 20upx;
			text-decoration: line-through;
		}
		.ct{
			width: 106upx;
			height: 30upx;
			border-radius: 14upx;
			border: solid 1upx #ffffff;
			font-size: 20upx;
			color: #fff;
			background-color: $bg02;
			margin-left: 28upx;
			margin-top: 28upx;
			> text{
				display: inline-block;
				width: 30upx;
				height: 28upx;
				background-color: #ffffff;
				border-radius: 14upx;
				color: $bg02;
				text-align: center;
			}
		}
		
	}
	.dt-right{
		flex: 3;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		position: relative;
		.dt-clock{
			margin-right: 20upx;
			font-size: 48upx;
		}
		.zk{
			width: 130upx;
			height: 50upx;
			line-height: 50upx;
			text-align: center;
			background-color: #ffffff;
			border-radius: 25upx;	
			font-size: 30upx;
			color: $bg02;
			margin-right: 20upx;
		}
		.dt-jt{
			position: relative;
			top: 0upx;
			right: 0upx;
			width: 280upx;
			height: 80upx;
		}
		.time-box{
			position: absolute;
			top: 0;
			right: 0;
			z-index: 9;
			width: 240upx;
			height: 80upx;
			color: #303133;
			.qg{
				font-size: 48upx;
				color: $bg02;
			}
			.box-t{
				height: 30upx;
				line-height: 30upx;
				font-size: 20upx;
				color: #ffb011;
				text-align: center;
			}
			.box-f{
				width: 60%;
				height: 50upx;
				margin: 6upx auto 0;
				.tui-countdown-box1{
					justify-content: center;
				}
				
			}
	}
	
	
	}
}
// title
.dt-line2{
	padding: 0 20upx;
	font-size: 24upx;
	color: $color6;
}
.dt-title{
	// height: 80upx;
	line-height: 80upx;
	padding: 0 20upx;
	display: flex;
	.t-l{
		flex: 7;
		font-family: pingfang;
		font-size: 36upx;
		
	}
	.t-r{
		flex: 3;
		font-size: 32upx;
		color: #ffaa00;
		text-align: right;
	}
}
// 谁购买了
.dt-buy{
	height: 70upx;
	line-height: 70upx;
	padding: 0 20upx;
	font-size: 24upx;
	display: flex;
	image{
		flex: 1;
		min-width: 36upx;
		max-width: 36upx;
		height: 36upx;
		display: block;
		border-radius: 50%;
		@include box-column-center;
	}
	.buy-r{
		flex: 7;
		text-align: right;
		color: #999;
		text{
			color: #ff0000;
		}
	}
}

// 评价与店铺
.dt-assess{
	height: 110upx;
	width: 95%;
	border-top: 2upx solid #faf2f5;
	margin: 0 auto;
	display: flex;
	.as-left{
		min-width: 80upx;
		max-width: 80upx;
		text-align: center;
		image{
			margin-top: 20upx;
			width: 60upx;
			height: 60upx;
			border-radius: 50%;
		}
	}
	.as-right{
		flex: 1;
		color: $color3;
		padding-top: 12upx;
		.as-line1{
			font-size: 30upx;
		}
		.as-line2{
			font-size: 20upx;
			display: flex;
			justify-content: space-between;
			.item1{
				// flex: 3;
			}
			> text{
				font-size: 20upx;
				color: $color9;
				.iconfont{
					font-size: 20upx;
				}
			}
		}
	}
	
}

// 拼团
.pt{
	padding: 0 20upx;
	border-top: 8upx solid #faf2f5;
	.pt-title{
		line-height: 90upx;
		font-size: 30upx;
		color: #333;
		border-bottom: 2upx solid $bg01;
	}
	.pt-item{
		display: flex;
		align-items: center;
		height: 116upx;
		image{
			min-width: 78upx;
			max-width: 78upx;
			width: 78upx;
			height: 78upx;
			border-radius: 50%;
		}
		.phone{
			font-size: 24upx;
			color: #333;
			margin-left: 16upx;
		}
		.num{
			margin-left: 100upx;
			.t{
				font-size: 28upx;
				color: #333333;
				text{
					color: $bg02;
				}
			}
			.b{
				font-size: 24upx;
				color: #999;
				display: flex;
			}
		}
		button{
			width: 130upx;
			height: 60upx;
			line-height: 60upx;
			border-radius: 30upx;
			background-color: $bg02;
			color: #fff;
			font-size: 24upx;
			padding: 0;
		}
	}
	
}
// activity
.dt-activity{
	width: 95%;
	margin: 0 auto;
	padding: 10upx 0;
	border-top: 8upx solid #faf2f5;
	border-bottom: 8upx solid #faf2f5;
	.at-item1{
		font-size: 30upx;
		color: #666;
		image{
			width: 30upx;
			height: 31upx;
		}
		text{
			margin-left: 18upx;
		}
	}
	.at-item2{
		line-height: 50upx;
		margin-left: 110upx;
		font-size: 28upx;
		color: #999;
		text{
			color: #ff567e;
		}
	}
}

// 商品详情
.detail{
	padding-bottom: 20upx;
	.gs-detail{
		text-align: center;
		image{
			width: 86upx;
			height: 6upx;
		}
		text{
			font-size: 30upx;
			padding: 0 16upx;
		}
		
	}
	.gd-content{
		width: 80%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		.ct-item{
			height: 50upx;
			line-height: 50upx;
			// flex: 1;
			min-width: 280upx;
			font-size: 24upx;
			color: #333;
			text{
				color: #666;
			}
		}
	}
}
// 商品详情
.goods-img{
	width: 100%;
	text-align: center;
	image{
		width: 690upx;
		height: 724upx;
		border-radius: 10upx;
	}
}

// 留言
.lWord{
	padding: 0 20upx;
	line-height: 60upx;
	.lw-h{
		color: #333;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.titleName{
			
		}
		.h-1{
			font-size: 30upx;
			position: relative;
			&:after{
				content: '';
				width: 56upx;
				height: 8upx;
				border-radius: 4upx;
				background-color: #ff557d;
				position: absolute;
				left: 0;
				bottom: 0;
			}
		}
		.h-2{
			margin-left: 20upx;
			font-size: 24upx;
		}
		.h-3{
			// float: right;
			// margin-right: 20upx;
			// display: inline-block;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 146upx;
			height: 46upx;
			// line-height: 30upx;
			border: 1upx solid #ff557d;
			border-radius: 10upx;
			color: #ff557d;	
			font-size: 26upx;	
			// margin-top: 20upx;
			// text-align: center;
		}
	}
	.seeMore{ // 查看更多
		text-align: center;
		font-size: 24upx;
		color: $color9;
		.iconfont{
			font-size: 24upx;
		}
	}
	.lw-ct-h{
		height: 80upx;
		line-height: 80upx;
		color: #999;
		position: relative;
			.ct-image1{
				width: 58upx;
				height: 58upx;
				border-radius: 29upx;
				vertical-align: middle;
		}
		.hf-2{
			margin-left: 20upx;
			display: inline-block;
			padding: 0 6upx;
			height: 33upx;
			line-height: 30upx;
			border: 2upx solid #ff557d;
			border-radius: 10upx;
			color: #ff557d;	
			font-size: 20upx;	
			margin-top: 20upx;
			text-align: center;
		}
		.ct-1{
			font-size: 30upx;
			color: #333333;	
			margin-left: 10upx;
		}
		.ct-2{
			font-size: 20upx;
			position: absolute;
			top: 0upx;
			right: 148upx;
			image{
				width: 32upx;
				height: 28upx;
				margin-right: 6upx;
			}
		}
		.ct-3{
			margin-left: 36upx;
			font-size: 20upx;
			position: absolute;
			top: 0upx;
			right: 32upx;
			image{
				width: 32upx;
				height: 28upx;
				margin-right: 6upx;
			}
		}
	}
	.ct-content{
		width: 80%;
		margin: 0 auto;
		font-size: 24upx;
		color: #666;
	}
	.hf{
		// width: 80%;
		// margin-left: 94upx;
		height: 80upx;
		line-height: 80upx;
		image{
			width: 58upx;
			height: 58upx;
			border-radius: 29upx;
			vertical-align: middle;
		}
		.hf-1{
			font-size: 30upx;
			color: #333333;	
			margin-left: 10upx;
		}
		
	}
	.hf-ct{
		// width: 70%;
		margin-left: 176upx;
		font-size: 24upx;
		color: #666;
	}
}
.font-weight6{
		font-weight: 600;
	}
	
.dt-footer{
	background-color: #fff;
	position: fixed;
	bottom: 0;
	left: 0;
	height: 100upx;
	width: 100%;
	display: flex;
	box-shadow: 0upx -2upx 6upx #f1f1f1;
	view{
		font-size: 20upx;
		color: #999;
	}
	.ft-1{
		flex: 1.2;
		text-align: center;
		margin-top: 20upx;
		.iconfont{
			font-size: 40upx;
		}
		.collect{
			color: #EC617F;
		}
		image{
			width: 40upx;
			height: 40upx;
			
		}
		.shoppingcart{
			width: 52upx;
			height: 46upx;
		}
		}
	.ft-2{
		flex:3;
		text-align: center;
		display: flex;
		align-items: center;
		.button{
			padding: 0;
			width: 221upx;
			height: 73upx;
			margin: 0 auto;
			border-radius: 37upx;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			font-size: 36upx;
		}
		.add-cart{
			color: #ff557d;
			border: 4upx solid #FF557D;
		}
		.ra-buy{
			background-color: #ff557d;
			color: #fff;
		}
		.yrp{
			
			font-size: 30upx;
			color: #fff;
			background-color: #fa0;
			text{
				
				&:last-child{
					font-size: 24upx;
				}
			}
		}
			
		.kt{
			
			font-size: 30upx;
			color: #fff;
			background-color: $bg02;
			text{
				&:last-child{
					font-size: 24upx;
				}
			}
		}
	}
}
